<template>
	<view>
		<view class="kjmmxertxse">
		
		</view>
		<view class="pr">
			<view class="kkjnnkjkjxeet">
				<view class="pr jhjnnkmnjxer">
					<view class="jjnmnxeertt">10元代金券</view>
					<image src="../../../static/img/tiokjsd.png" class="w100" mode="widthFix"></image>
				</view>
			</view>
			
			<view class="row pd dsfgdyyse bbm">
				<view class="col ls fz32">
					100 科豆
				</view>
				<view class="z9 fz24">
					已兑换1,000次
				</view>
			</view>
			<view class="pd pt40">
				<view class="fz32">
					10元代金券
				</view>
				<view class="fz26 ls mt30">
					*所有门店可用； 
					<view class="mt20">
						*有效期截止到2020.12.30，请尽快使用哦。
					</view>
				</view>
			</view>
		</view>
		<view class="kjnnsksdff">
			兑换
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		components: {
			
		},
		methods: {
			
		},
		mounted() {
			
		}
	}
</script>
<style scoped>
	.kjmmxertxse {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 1;
	}
	.kkjnnkjkjxeet{
		height:612upx;
		padding-top: 150upx;
		background:rgba(232,232,232,1);
		opacity:1;
	}
	.jhjnnkmnjxer{
		width: 530upx;
		margin: auto;
		text-align: center;
	}
	.jjnmnxeertt{
		position: absolute;
		left: 0;
		width: 100%;
		top: 140upx;
		z-index: 100;
		color:rgba(246,212,132,1);
		font-size: 36upx;
	}
	.dsfgdyyse{
		line-height: 120upx;
	}
	.kjnnsksdff{
		position: fixed;
		left: 0;
		bottom: 0;
		height: 100upx;
		line-height: 100upx;
		color: #fff;
		background:rgba(22,137,213,1);
		width: 100%;
		z-index: 10;
		text-align: center;
	}
</style>
